<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<style>
.ui-datepicker {
	font-size: 12px;
	width: 200px;
}

.ui-datepicker select.ui-datepicker-month {
	width: 30%;
	font-size: 11px;
}

.ui-datepicker select.ui-datepicker-year {
	width: 40%;
	font-size: 11px;
}
</style>
<script type="text/javascript">
	$(document).ready(
			function() {
				$("#birthdate")
						.datepicker(
								{
									changeMonth : true,
									changeYear : true,
									yearRange : 'c-100:c+0',
									showButtonPanel : true, // 캘린더 하단에 버튼 패널을 표시한다. 
									currentText : '오늘 날짜',
									closeText : '닫기',
									dateFormat : "yy-mm-dd", // 텍스트 필드에 입력되는 날짜 형식.
									showAnim : "slide", //애니메이션을 적용한다.
									showMonthAfterYear : true,
									dayNamesMin : [ '월', '화', '수', '목', '금',
											'토', '일' ],
									monthNamesShort : [ '1월', '2월', '3월', '4월',
											'5월', '6월', '7월', '8월', '9월',
											'10월', '11월', '12월' ]
								});
			});

	/* 	$(document).ready(function(){
	 $(document).ready
	 }) */
</script>

<title>회원가입</title>
</head>
<body>
	<div>
		<label><h3>회원가입</h3></label>
	</div>
	<form action="MemberCheck">
		<div>
			<table style="width: 300px; border: 0px gray solid;" border="1">
				<tr>
					<td width="100">아이디</td>
					<td width="120"><input type="text" id="userid" name="userid" value="${id }" tabindex="2"> <input type="submit" id="button"
						value="중복검사">
						<p>
							<font color="${tf}">${msg } </font>
						</p></td>
				</tr>
			</table>
		</div>
	</form>


	<form action="MemberRegister.forrest" id="frmRegister" name=frm name="frmRegister" method="post" enctype="multipart/form-data">

		<div>
			<table style="width: 300px; border: 0px gray solid;" border="1">
				<tr>
					<td width="100">이름</td>
					<td width="120"><input type="text" id="username" name="username" autofocus="autofocus" tabindex="1"></td>
				<tr>
				<tr>
					<td>비밀번호</td>
					<td><input type="text" id="passwd" name="passwd" tabindex="3"></td>
				<tr>
				<tr>
					<td>비밀번호확인</td>
					<td><input type="text" id="passwd2" name="passwd2" tabindex="4"></td>
				<tr>
				<tr>
					<td>이메일</td>
					<td><input type="email" id="email" name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$" tabindex="5"></td>
				<tr>
				<tr>
					<td>성별</td>
					<td align="center">남<input type="radio" id="sex" name="sex" value="f" tabindex="6" checked="checked"> 녀<input type="radio" id="sex"
						name="sex" value="m" tabindex="7">
					</td>
				<tr>
				<tr>
					<td>생년월일</td>
					<td><input type="text" id="birthdate" name="birthdate" tabindex="8"></td>
				<tr>
				<tr>
					<td>핸드폰</td>
					<td><input type="text" id="cellphone" name="cellphone" tabindex="9"></td>
				<tr>
			</table>
			<div>
				<table style="width: 300px; border: 0px gray solid;">
					<tr>
						<td width="80" height="100" align="center"><img src="" id="imgFile" name="imgFile"></td>
						<td width="120" align="center"><input type="file" value="사진등록" id="btnImgFile" name="btnImgFile" tabindex="12"></td>
					</tr>
				</table>
			</div>
			<div>
				<table style="width: 300px; border: 0px gray solid;">
					<tr>
						<td width="100" align="center"><input type="submit" value="회원가입" id="btnRegister" name="btnRegister" tabindex="10"></td>
						<td width="120" align="center"><input type="reset" value="다시작성" id="btnRegister" name="btnRegister" tabindex="11"></td>
					</tr>
				</table>
			</div>
		</div>
	</form>
</body>
</html>